import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import Varlet from '@varlet/ui'
import '@varlet/ui/es/style'
import common from './utils/common'
import constant from './utils/constant'
//element-plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// import './styles/font.scss'
//引入css
import './assets/css/animation.css'
import './assets/css/index.css'
import './assets/css/tocbot.css'
import './assets/css/color.css'
import './assets/css/markdown-highlight.css'
import './assets/css/font-awesome.min.css'
// 如果只想导入css变量
// import 'element-plus/theme-chalk/dark/css-vars.css'
// import './styles/dark/css-vars.css'
const app=createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.config.globalProperties.$common=common;
app.config.globalProperties.$constant=constant;
app
 .use(Varlet)
 .use(store)
 .use(router)
 .use(ElementPlus)
 .mount("#app");


 

